
<style>

    .money{
        color:orange;	
    }

    .title
    {
        color:rgb(51, 109, 192);
        word-wrap: break-word;
        word-break:break-all;
    }

    .date
    {
        word-wrap: break-word;
    }

    #tasks .row  *
    {
        margin:6px 0px;
    }

    @media(min-width: 0px)  and (max-width: 768px){
        #new_tasks 
        {
            margin-top:0px;
        }

    }

    a.list-group-item
    {
        border-top:none;
        border-right:none;
        border-left:none;
        margin-bottom:0px;
    }

    #new_tasks 
    {
        border:2px solid rgb(219,219,221); padding:0px 20px; margin-top:20px;
        background:white;
        border-radius:2px 2px;
        width: 100%;
        min-height: 360px;
    }

    #t_more{
        float: right;
        font-size: 12px;
        line-height: 50px;
    }
</style>
<div id="new_tasks">
    <div class="h3"  style="border-bottom:2px solid rgb(219,219,221); padding-bottom:10px;color:rgb(128,128,128);" >
        最新发布
        <a id='t_more' href="{$Think.config.ALLTASK}">查看更多</a>
    </div>

    <div  id="tasks" class="list-group" >
        
        <div class="row" style="margin:0;">
            <div class="col-xs-12  col-sm-2 money">赏金</div>
            <div class="col-xs-12 col-sm-6 title">任务</div>
            <div class="col-xs-12 col-sm-4 date">发布时间</div>
        </div>

        <volist name="tasks" id="task" >
            <a href='{$Think.config.TASKINFO}/id/{$task.ID}' class="list-group-item">
                <div class="row">
                    <div class="col-xs-12  col-sm-2 money">${$task.reward}</div>
                    <div class="col-xs-12 col-sm-6 title">{$task.title}</div>
                    <div class="col-xs-12 col-sm-4 date">{$task.sendTime}</div>
                </div>
            </a>
        </volist>

    </div>

    <!--
        <div class="text-center" >
            <ul class="pagination  ">
                <li><a href="#">&laquo;</a></li>
                <li class="active"><a href="">1</a></li>
                 <li><a href="#">&raquo;</a></li>
            </ul>
        </div>
    -->
</div>
